<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/styles.css">
	</head>
	<body>
		
				<svg viewBox="0 0 32 32">
				
				  <g class="bee" stroke="#000" stroke-linecap="round" stroke-width=".5">
				  <path fill="#ff3" d="M1,17 q0 -8 8 -8 l 12 0 q 8 0 8 8 q 0 8 -8 8 l -12 0 q -8 0 -8 -8Z" />    
				    <path fill="#222" d="M9,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />  
				    <path fill="#222" d="M14,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />
				    <path fill="#222" d="M19,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />
				    <path fill="#000" fill-opacity=".2" stroke="yellow" 
				          d="M1,40 q0 8 8 8 l 12 0 q 20 8 -8 q 0 6 -6 6 l-16 0 q -6 0 -6 -6Z" />
				    
				    <!-- face -->
				    <ellipse cx="25" cy="23" rx=".6" ry=".9" fill="#000" />
				    <ellipse cx="12" cy="13" rx=".6" ry=".9" fill="#000" />
				    <path fill="blue" d="M21.5 16 q0 1.5 2 1.5 q 2 0 2 -1.5" />
				    
				    <!-- legs -->
				    <path class="leg-1" fill="none" d="M30 35 q5 0 5 4" />
				    <path class="leg-2" fill="none" d="M34 25 q5 0 3 4" />
				    <path class="leg-3" fill="none" d="M14 25 q-1 0 -1 4" />
				    <path class="leg-4" fill="none" d="M14 25 q-2 0 -2 4" />
				    
				    <!-- antennas -->
				    <path class="antenna-1" fill="none" d="M24.5 9.5 q0 -6 4 -6" />
				    <path class="antenna-2" fill="none" d="M26 10 q0 -5 5 -4" />
				    
				    <!-- wings -->
				    <path class="wing-1" fill="#fff" fill-opacity=".5" stroke="#000"
				          d="M17 9 q -5 0 -6 -6 q 5 0 6 6Z"/>
				    <path class="wing-2" fill="#fff" fill-opacity=".5" stroke="#000"
				          d="M17 9 q 0 -5 6 -6 q 0 5 -6 6Z">
				  
				  
				  </g>
				</svg>
				<svg viewBox="0 0 32 32">
				
				  <g class="bee" stroke="#000" stroke-linecap="round" stroke-width=".5">
				  <path fill="#ff3" d="M1,17 q0 -8 8 -8 l 12 0 q 8 0 8 8 q 0 8 -8 8 l -12 0 q -8 0 -8 -8Z" />    
				    <path fill="#222" d="M9,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />  
				    <path fill="#222" d="M14,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />
				    <path fill="#222" d="M19,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />
				    <path fill="#000" fill-opacity=".2" stroke="none" 
				          d="M1,17 q0 8 8 8 l 12 0 q 8 0 8 -8 q 0 6 -6 6 l-16 0 q -6 0 -6 -6Z" />
				    
				    <!-- face -->
				    <ellipse cx="25" cy="13" rx=".6" ry=".9" fill="#000" />
				    <ellipse cx="22" cy="13" rx=".6" ry=".9" fill="#000" />
				    <path fill="none" d="M21.5 16 q0 1.5 2 1.5 q 2 0 2 -1.5" />
				    
				    <!-- legs -->
				    <path class="leg-1" fill="none" d="M14 25 q2 0 2 4" />
				    <path class="leg-2" fill="none" d="M14 25 q1 0 1 4" />
				    <path class="leg-3" fill="none" d="M14 25 q-1 0 -1 4" />
				    <path class="leg-4" fill="none" d="M14 25 q-2 0 -2 4" />
				    
				    <!-- antennas -->
				    <path class="antenna-1" fill="none" d="M24.5 9.5 q0 -6 4 -6" />
				    <path class="antenna-2" fill="none" d="M26 10 q0 -5 5 -4" />
				    
				    <!-- wings -->
				    <path class="wing-1" fill="#fff" fill-opacity=".5" stroke="#000"
				          d="M17 9 q -5 0 -6 -6 q 5 0 6 6Z"/>
				    <path class="wing-2" fill="#fff" fill-opacity=".5" stroke="#000"
				          d="M17 9 q 0 -5 6 -6 q 0 5 -6 6Z">
				  
				  
				  </g>
				</svg>
	</body>
</html>
